/* Custom checkboxes, radios */

/*	wrapper divs */
.custom-checkbox,.custom-radio { position:relative; font-size:12px}

/* input, label positioning */
.custom-checkbox input,.custom-radio input { position:absolute; left:6px; top:6px; margin:0; border:none; width:2px; height:2px }
.custom-checkbox label,.custom-radio label { display:block; position:relative; line-height:1; padding:.5em 0 .5em 30px; margin:0 0 .3em; cursor:pointer; color:#404040; text-shadow:0 1px 1px #fff;}

.custom-radio label {padding:.5em 0 .5em 27px;}

/* states */
.custom-checkbox label { background:url(../images/styled_checkbox.png) no-repeat; }
.custom-radio label { background:url(../images/styled_radiobutton.png) no-repeat; }
.custom-checkbox label,.custom-radio label { background-position:-10px -10px; }
.custom-checkbox label.hover,.custom-checkbox label.focus,.custom-radio label.hover,.custom-radio label.focus { background-position:-10px -110px; }
.custom-checkbox label.checked,.custom-radio label.checked { background-position:-10px -210px; color:#42b0e3 }
.custom-checkbox label.checked.hover,.custom-checkbox label.checkedFocus { background-position:-10px -310px; }
.custom-checkbox label.focus,.custom-radio label.focus { outline:0; }